

.team-container {

    width: 100vw;
    height: 400px;
    font-size: 140px !important;
    font-weight: bolder;
    text-transform: uppercase;
    z-index: 0;
}
.team-container{
    height: 200px;
}
.team-container svg {
    width: 100%;
    height: 100%;
}

.team-container .text {
    fill: none;
    stroke-width: 5;
    stroke-dasharray: 0 240;
    stroke-dashoffset: 0;
}

.team-container .text:nth-child(4n + 1) {
    stroke: rgb(39, 135, 238);
    animation: text1 4s 1s ease-in-out forwards;
}
.team-container .text:nth-child(4n + 2) {
    stroke: rgb(235, 61, 50);
    animation: text2 4s 1s ease-in-out forwards;
}
.team-container .text:nth-child(4n + 3) {
    stroke: rgb(249, 189, 56);
    animation: text3 4s 1s ease-in-out forwards;
}
.team-container .text:nth-child(4n + 4) {
    stroke: rgb(47, 169, 92);
    animation: text4 4s 1s ease-in-out forwards;
}

@keyframes text1 {
    100% {
        stroke-dashoffset: 1000;
        stroke-dasharray: 60 180;
    }
}

@keyframes text2 {
    100% {
        stroke-dashoffset: 1060;
        stroke-dasharray: 60 180;
    }
}

@keyframes text3 {
    100% {
        stroke-dashoffset: 1120;
        stroke-dasharray: 60 180;
    }
}

@keyframes text4 {
    100% {
        stroke-dashoffset: 1180;
        stroke-dasharray: 60 180;
    }
}
